<script setup lang="ts">
import type { IUserInfoData } from '@/service/modules/user/type'

interface Iprops {
  userInfo: IUserInfoData
}
const props = defineProps<Iprops>()
</script>
<template>
  <div class="certificate">
    <div class="form-box">
      <el-descriptions :column="1" size="large">
        <el-descriptions-item label="姓名： ">
          {{ props.userInfo.name }}
        </el-descriptions-item>
        <el-descriptions-item label="证件类型：">
          {{ props.userInfo.certificatesType == '10' ? '身份证' : '户口本' }}
        </el-descriptions-item>
        <el-descriptions-item label="证件号码：">
          {{ props.userInfo.certificatesNo }}
        </el-descriptions-item>
      </el-descriptions>
    </div>
  </div>
</template>
<style scoped lang="less">
.certificate {
  .form-box {
    width: 60%;
    margin: 0 auto;
    :deep(.el-descriptions__label) {
      width: 100px;
      display: inline-block;
      text-align: right;
    }
    :deep(.el-descriptions__content) {
      text-align: left;
    }
  }
}
</style>
